<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <script src="../js/base.min.js.js"></script>
    <link rel="stylesheet" href="../css/swiper.min.css"/>
    <link rel="stylesheet" href="../css/shouye.css"/>
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <title></title>
</head>
<body>




<!--/*.....................首页...............................*/-->
<section id="shouye">
    <div class="qiantong1" flex="main:center cross:center">
        <div class="qiantong2">
            <img src="../img/kaishi.png" class="kaishi">
        </div>
    </div>
    <a href="javascript:void(0)" class="gz">
        <img src="../img/guize.png">
    </a>
    <div flex="main:center cross:center" class="zhongjiang">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide mingdan" flex="cross:center main:center dir:top">
                    <p>罗先生:138****3081 (腾讯会员）</p>
                    <p>李先生:138****3082 (腾讯会员）</p>
                    <p>张先生:138****3083 (腾讯会员）</p>
                </div>
                <div class="swiper-slide mingdan" flex="cross:center main:center dir:top">
                    <p>林先生:138****3084 (腾讯会员）</p>
                    <p>郑先生:138****3085 (腾讯会员）</p>
                    <p>欧阳先生:138****3086 (腾讯会员）</p>
                </div>
                <div class="swiper-slide mingdan" flex="cross:center main:center dir:top">
                    <p>吴先生:138****3087 (腾讯会员）</p>
                    <p>魏先生:138****3088 (腾讯会员）</p>
                    <p>张先生:138****3089 (腾讯会员）</p>
                </div>
            </div>
        </div>
    </div>
</section>


<!--/*.....................规则...............................*/-->



<section id="guize" class="hide">
    <img src="../img/guanbi.png" class="guanbi" id="guanbi1">
</section>




<!--/*.....................登录...............................*/-->


<section id="heise" class="hide"></section>
<section id="neirong" flex="main:center cross:center" class="hide">
    <img src="../img/guanbi.png" class="guanbii" id="guanbi2">
    <div class="bj">
        <div class="nr"  flex="dir:top main:center">
            <div>
                <input type="text" placeholder="请输入你的姓名" id="uname"/>
            </div>
            <div class="xb" flex="main:center cross:center">
                <div class="nansheng on"></div>
                <div class="nvsheng"></div>
            </div>

            <div>
                <a href="javascript:void(0)" id="startGame">
                    <img src="../img/kaishichouqian.png" class="kaishianniu">
                </a>
            </div>
        </div>
    </div>
</section>





<script src="../js/shouye.js"></script>
</body>
</html>